<template>
  <div>
    <div class="project2_content">
      <div class="title">
        <h2>酒店</h2>
      </div>
      <!-- 内容 -->
      <div class="row">
        <el-row :gutter="10">
          <el-col :lg="8" :xl="8" v-for='item in 5' :key='item'>
            <div class="per">
              <a href="#">
                <img src="../../assets/project.jpg">
                <div class="per_name">客厅</div>
              </a>
            </div>
          </el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {

    }
  }
}

</script>
<style lang='scss'>
.project2_content {
  width: 100%;
  .title {
    width: 100%;
    @include projectsH2;
  }
  .row {
    padding: 30px 0px;
    .per {
      padding-right: 15px;
      padding-left: 15px;
      margin-bottom: 22px;
      a {
        display: block;
        img {
          display: block;
          width: 100%;
        }
        .per_name {
          font-size: 16px;
          text-align: center;
          padding: 12px 20px;
          background-color:#fff;
          color:#333;
        }
      }
    }
  }
}

</style>
